body{
    a{
        cursor: pointer;
    }
    span{
        // color: aquamarine
    }
    table{
      width: 100%;
      border: none
    }
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
html, body {
    padding: 0;
    margin: 0 auto;
    background-color: #fff;
    font-size: 40px;
    width: 1024px;
}

figure{
    margin:  0 auto
}

.mt94{
    margin-top: .94rem !important;
}

.context{
    font-size:.36rem;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:.72rem;
    padding: 10px 0;
}

.context-one{
    font-size:.4rem;
    font-family:Source Han Sans CN;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:.72rem;
    padding: 10px 0;    
}


.wrap { 
    height: 1495px;
    // background-color: rgba(16,224,154,.1)
}

.cover img{
   width:100%;
}

.person-header{
    height: 391px;
    background-color: #325c96;
    .person-inner{
        display: flex;
        padding: 95px 0 0 106px;
        .person-img{
            width: 235px;
            height: 235px;
            // background-color: red;
            img{
                width: 100%;
            }
        };
        &>div:nth-child(1){
            width: 235px;
            margin-right: 49px;
        }
        &>div:nth-child(2){
            flex-grow: 1;
            overflow: hidden;
            .person-name-wrap{
               width: 100%;
               height: 101px;
               background: url('../../images/juxingt.png') no-repeat  left top;
               background-size:100% 100%;
               &>div{
                   padding-left: 45px;
               }
               &>div:nth-child(1){
                    font-size:27px;
                    font-family:Source Han Sans CN;
                    font-weight:400;
                    color:white;
                    line-height: 55px;
               }
               &>div:nth-child(2){
                    font-size:25px;
                    font-family:Source Han Sans CN;
                    font-weight:400;
                    color:white;
                    line-height: 45px;
            }
            }
            .person-head-main{
                display: flex;
                // justify-content: space-between;
                .head-main-left{
                    padding-top: 20px;
                    margin-right: 61px;
                    &>div{
                        display: flex;
                        align-items: center;
                        line-height: 42px;
                        img{
                            width: 25px;
                            height: 25px;
                            margin-right: 10px;
                        }
                        &>div{
                            font-size:20px;
                            font-family:Source Han Sans CN;
                            font-weight:400;
                            color:white;
                        }
                    }
                }
                .head-main-right{
                    display: flex;
                    align-items: center;
                    margin-top: 5px;
                    &>div{
                        width: 109px;
                        font-size: 11px;
                        text-align: center;
                        &>p{
                          color: white;
                          line-height: 20px;
                        }
                    }
                    &>div:nth-child(1){
                        margin-right: 20px
                    }
                    img{
                        width: 100%
                    }
                }
            }
        }
        
    }
}

.content-main{
    padding: 0 4.34rem  0 4.67rem;
    margin-top: 1.4rem;
    .area{
        &>div:nth-child(1){
            width: 100%;
            img{
                width: 100%
            }
        }
        .main{
           padding: .6rem 0;
           &>div{
               display: flex;
               justify-content: space-between;
               flex-wrap:wrap;
                font-size:.3rem;
                font-family:Source Han Sans CN;
                font-weight:400;
                color:rgba(0,0,0,1);
               &>div{
                  width: 33%;
                  text-align: center;
                  display: flex;
                  justify-content: center;
                  color:rgba(0,0,0,1);
                  img{
                      width: .4rem;
                      height: .4rem;
                      margin-right: .25rem;
                  }

               }
               &>div:nth-child(1){
                justify-content: flex-start;
               }
               &>div:nth-child(4){
                justify-content: flex-start;
               }
               &>div:nth-child(3){
                justify-content: flex-end;
               }
           }
        }
    }
    .area:nth-child(2){
        &>.main{
            div{
                color: #000000;
                line-height: .7rem;
            }
        }
    }
    .area:nth-child(3){
        &>.main{
            div{
                color: #000000;
                line-height: 30px;
            }
        }
    }
    .area:nth-child(4){
        &>.main{
            div{
                color: #000000;
                line-height: 30px;
            }
        }
    }
    .area:nth-child(5){
        &>.main{
            img{
                width: 55px;
                height: 55px;
            }
            &>div{
                &>div{
                    width: 50%;
                    line-height: 80px;
                    align-items: center;
                }
                &>div:nth-child(3){
                    justify-content: flex-start
                }
            }
        }
    }

}

.familyMembers{
    .top-wrap{
        height:4.3rem ;
        background: #325c96;
        padding-top: 1.46rem;        
    }
    .decs{
        font-size:.48rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:white;
        line-height: .55rem;
        text-align: center;
    }
    .main-content{
        padding: .8rem 2.11rem 0;
        .userlist tbody tr:nth-child(1)>td:nth-child(1){
           background: #325c96;
           border-bottom-color: white
        }
        .userlist tbody .right{
            padding-left: 1.47rem;
            font-size:.48rem;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(0,0,0,1);
            height: .97rem;
        }
        .userlist tbody .left{
            width: 5.8rem;
            text-align: center;
            img{
                width: 1.46rem;
            }
            &>div{
               &>div{
                font-size:.6rem;
                font-family:Source Han Sans CN;
                font-weight:400;
                color:white;
               }
            }
        }
        .childleft{
            &>div{
                text-align: center;
                &>img{
                   width: 1.16rem;
                   height: 1.16rem;
                }
                &>div{
                    font-size:.48rem;
                    font-family:Source Han Sans CN;
                    font-weight:400;
                    color:white;
                }
            }
        }
        .jtbzyy{
            background: #325c96;
            border-color: white;
            color: white;
             td{
                font-size:.48rem;
                font-family:Source Han Sans CN;
                font-weight:400;
                padding: .48rem 1rem;
                text-align: center;
            }
        }
    }
}

.icon-title{
    line-height: 1rem;
    margin-bottom: .54rem;
    text-align: center;
    &>img{
        width: 1rem;
        height: 1rem;
        margin-right: .38rem;
        vertical-align: middle
    }
    &>div{
        font-size:.94rem;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:white;
        display: inline-block
    }
}

.conten-big-title-wrap{
    width:10.5rem;
    height:1.89rem;
    background:#ea5941;
    border-radius:1.2rem;
    margin: 0 auto;
    line-height: 1.89rem;
    text-align: center;
    color: white;
    font-size: .94rem;
}

.familymeasure{
    .measure-header{
        height: 3.9rem;
        background: #325c96;
        padding-top: 1.66rem;
    }
    .measure-main{
        padding: .37rem 1.4rem 0;
        .life-desc{
            background: #eef5fb;
            padding: .65rem 1.1rem 1rem;
        }
        .life-table{
            padding: .43rem 1.09rem;
            font-size: .48rem;
            table{
               th{
                   background: #325c96;
                   color: white;
                   padding:.27rem 1.05rem; 
               }
               td{
                    // color: white;
                    padding:.33rem 1.05rem; 
               }
            }
        }
        .accident-desc{
            background: #fdefeb;
            padding: .65rem 1.1rem 1rem;
        }
        .accident-table{
            padding: .43rem 1.09rem;
            font-size: .48rem;
            table{
               th{
                   background: #325c96;
                   color: white;
                   padding:.27rem 1.05rem; 
               }
               td{
                    // color: white;
                    padding:.33rem 1.05rem; 
               }
            }
        }
    }
}

.familydisease{
    .disease-main{
        padding: 1.4rem 1.4rem 0;   
        .disease-desc{
            background: #eef5fb;
            padding: .65rem 1.1rem 1rem;
        }
        .disease-table{
            padding: .43rem 1.09rem;
            font-size: .48rem;
            table{
               th{
                   background: #325c96;
                   color: white;
                   padding:.27rem 1.05rem; 
               }
               td{
                    // color: white;
                    padding:.33rem 1.05rem; 
               }
            }
        }
    } 
}

.familygap{
    .gap-header{
        height: 3.9rem;
        background: #325c96;
        padding-top: 1.66rem;
    }
    .gap-main{
        padding: 1.08rem 2.44rem;
        table{
            font-size: .47rem;
            text-align: center;
            th{
                background: #325c96;
                color: white;
                padding:.27rem .2rem; 
            }
            td{
                 // color: white;
                 padding:.33rem .8rem; 
            }
         }
    }   
}

.recommend{
    height: 1495px;
    .recommend-header{
        background: #325c96;
        padding: 1.66rem 0;
        &>p:nth-child(2){
            font-size:.47rem;
            font-family:PingFang SC;
            font-weight:400;
            color:white;
            line-height:.47rem;
            text-align: center;
        }
    } 
    .recommend-main{
        padding: 1.41rem 1.8rem 0;
        &>div{
          width:100%;
          border: 2px solid #325c96;
          padding-top: .55rem;
          margin-bottom: 1rem;
        }
    } 
}


.Liability{
    img{
        width: 100%;
    }
}


/*..................*/
.icon-desc{
    text-align: center;
    &>div{
        &>img{
            width: 1rem;
            height: 1rem;
            vertical-align: middle;
            margin-right: .3rem
        }
        font-size:.94rem;
        font-family:Source Han Sans CN;
        font-weight:bold;
        color:white;
    }
}

.head-main{
    width: 100%;
    &>div{
        &>div:nth-child(1){
            font-size: .57rem;
            color: white;
            display: inline-block
        }
        &>div:nth-child(2){
            display: inline-block;
            &>img{
                width: 4.4rem;
                height: 4.4rem;
                margin-top: .7rem
            }
        float: right
        }
    }

}

.target-main{
    padding-top: 1.6rem;
    &>div:nth-child(2){
        padding: 1rem 4.41rem;
        font-size:.48rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:.63rem;
    }
}

.base-info{
    .base-header{
        background: #2062aa;
        padding: 1.56rem 4.92rem 1.26rem;
    }
}

.moneycompute-header{
    background: #2062aa;
    padding: 1.3rem 0;
}

.moneycompute-main{
    padding: 1rem 3.47rem;
    table{
        font-size: .47rem;
        text-align: center;
        th{
            background: #325c96;
            color: white;
            padding:.27rem .3rem; 
        }
        td{
             // color: white;
             padding:.33rem .4rem; 
        }
     }
}

.title-jiantou{
    text-align: center;
    padding-top: .5rem;
    &>img{
        width: 13.6rem
    }
}

.suggest-head{
    background: #325c96;
    padding: 1.7rem 0 1.32rem;
    .suggest-head-desc{
        width:15.27rem;
        font-size:.47rem;
        font-family:Source Han Sans CN;
        font-weight:500;
        color:white;
        line-height:.79rem;
        padding-top: 1rem;
        margin: 0 auto;
    }
}

.suggest-main{
    padding: 1rem 1rem 0
}

table.plan-pre-view{
   font-size:.57rem;
   margin-top: 1rem;
   text-align: center;
   tr>td:nth-child(1){
       background: #325c96;
       color: white;
   }
   td{
    padding:.3rem .5rem
   }
}


.radar-p{
    font-size:.48rem;
    font-family:Source Han Sans CN;
    font-weight:500;
    color:rgba(0,0,0,1);
    line-height:.31rem;
    text-align: center;
    padding-top: 15px;
}

.trend{
    padding:  1rem 0;
    &>div:nth-child(1){
        font-size:.38rem;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(0,0,0,1);
        line-height:.79rem;
    }
}

.trend-chart-wrap{
    padding:  .7rem 2.55rem;
    position: relative;
    height:4rem;
    &>div:nth-child(1){
        width:4rem;
        height:.94rem;
        background:#ea5a41;
        border-radius:.6rem;
        font-size: .47rem;
        color: white;
        line-height: .94rem;
        text-align: center;
         position: absolute;
         left: 2.5rem;
         top: 0;
         bottom: 0;
         margin: auto;
    }
    &>div:nth-child(2){
        width: 7.3rem;
        height: .1rem;
        background:#ea5a41;
        display: inline-block;
        position: absolute;
         left: 1.2rem;
         right: 0;
         top: 0;
         bottom: 0;
         margin: auto;
    }
    &>div:nth-child(3){
        width:2.58rem;
        height:2.62rem;
        background:#ea5a41;
        border-radius:50%;
        font-size: .66rem;
        color: white;
        line-height: 2.62rem;
        text-align: center;
        float: right;
        &>div:nth-child(1){
           line-height: 1.5rem;
           transform: translateY(.18rem)
        }
        &>div:nth-child(2){
            line-height: .5rem;
            font-size: .27rem
        }
           
    }
}

.trend-to-wrap{
    text-align: center;
    transform: translateY(-2rem);
    &>img{
        width: 4.86rem;
        height: 1.22rem;
    }
}

.myLine-wrap{
    margin-top: 2rem
}
.older-target{
    padding: .7rem 1rem
}

.older-target-wrap{
    .older-apple{
        width: 6.79rem;
        height: 6.79rem;
        background: url('../../images/old/oldder-left.png') no-repeat;
        background-size: cover;
        text-align: center;
        padding-top: 2.5rem;
        float:left;
        &>div:nth-child(1){
            font-size:1rem;
            font-family:Roboto;
            font-weight:500;
            color:white;
            line-height:1.5rem;
        }
        &>div:nth-child(2){
            font-size:.7rem;
            font-family:Source Han Sans CN;
            font-weight:bold;
            color:rgba(0,0,0,1);
            line-height:1.3rem;
        }
    }
    &>img:nth-child(2){
        width: 1rem;
        margin-left: 3rem;
        float:left;
        margin-top: 3rem
    }
    &>div:nth-child(3){
        width: 10rem;
        height: 6.7rem;
        background: #e0eefa;
        padding: 1rem 0;
        float: right;
        text-align: center;
        &>div:nth-child(1){
            font-size:.7rem;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(0,0,0,1);
            line-height:.67rem;
            margin-bottom: .6rem
        }
        &>img:nth-child(2){
            width: 1.26rem;
            margin-bottom: .6rem
        }
        &>div:nth-child(3){
            width: 9.32rem;
            height: 1.38rem;
            background: #1f5d9f;
            line-height: 1.38rem;
            text-align: center;
            font-size: .57rem;
            border-radius:.1rem;
            color: white;
            margin: 0 auto
        }
    }
}

.headercover{
    position: relative;
    .header-cover-desc{
        position: absolute;
        width: 15.19rem;
        height: 1.58rem;
        background: #e64113;
        color: white;
        left: 0;
        right: 0;
        bottom: 8rem;
        margin: auto;
        text-align: center;
        line-height: 1.58rem;
        font-size: .6rem
    };
    .cover-createtime{
        position: absolute;
        width: 15.19rem;
        height: 1.58rem;
        color: white;
        left: 0;
        right: 0;
        bottom: 2rem;
        margin: auto;
        text-align: center;
        line-height: 1.58rem;
        font-size: .6rem
    }
}


